import { ElMessage, ElLoading } from 'element-plus';
import "element-plus/theme-chalk/el-message.css";


/* 
    工具方法
*/
const utils = {
    // 当前加载动画的实例
    loading: null,
    saveData(key, value) { // 记录数据
        localStorage.setItem(key, value);
    },
    removeData(key) { // 移除数据
        localStorage.removeItem(key);
    },
    getData(key) { // 获取数据
        return localStorage.getItem(key);
    },
    // 显示加载动画
    showLoading(msg) {
        utils.loading = ElLoading.service({
            lock: true,
            text: msg ? msg : 'Loading',
            // background: 'rgba(0, 0, 0, 0.7)', // 背景色
        })
    },
    // 隐藏加载动画
    hideLoading() {
        utils.loading && utils.loading.close();
    },
    closeAllMsg() {
        ElMessage.closeAll()
    },
    showError(msg) { // 显示异常提示
        ElMessage.error(msg)
    },
    showSuccess(msg) { // 显示成功提示
        ElMessage({
            message: msg,
            center: true,
            type: 'success'
        })
    },
    showWarning(msg) { // 显示警告提示
        ElMessage({
            message: msg,
            type: 'warning',
        })
    },
    showMessage(msg) { // 显示消息提示
        ElMessage({
            message: msg,
            grouping: true,
        })
    },
}

export default utils;